;(function(){
    $(function(){
        //按钮
        $(".a").on("click",function(){
            $(".banner").css("display","none")
        })

        //垂直轮播
        $(".advert_box").append($(".advert_box>li").eq(0).clone(true));
        var $liindex=0;
        function Appar(){
            $liindex++;
            if($liindex==6){
                $liindex=1;
                $(".advert_box").css("top","5px");
            }
            $(".advert_box").animate({
                top:$liindex*-22
            })

        }
        var timer=setInterval(Appar,1500)

        //按钮
        $(".topnav_box,.bn").on("mouseenter",function(){
            $(".topnav_box").css("display","block");
        }).on("mouseleave",function(){
            $(".topnav_box").css("display","none");
        })

        $(".topnav_box1,.bn1").on("mouseenter",function(){
            $(".topnav_box1").css("display","block");
        }).on("mouseleave",function(){
            $(".topnav_box1").css("display","none");
        })

        $(".topnav_box2,.bn2").on("mouseenter",function(){
            $(".topnav_box2").css("display","block");
        }).on("mouseleave",function(){
            $(".topnav_box2").css("display","none");
        })

        $(".topnav_box3,.bn3").on("mouseenter",function(){
            $(".topnav_box3").css("display","block");
        }).on("mouseleave",function(){
            $(".topnav_box3").css("display","none");
        })

        $(".topnav_box4,.bn4").on("mouseenter",function(){
            $(".topnav_box4").css("display","block");
        }).on("mouseleave",function(){
            $(".topnav_box4").css("display","none");
        })

        $(".topnav_box5,.bn5").on("mouseenter",function(){
            $(".topnav_box5").css("display","block");
        }).on("mouseleave",function(){
            $(".topnav_box5").css("display","none");
        })

        $(".topnav_box6,.bn6").on("mouseenter",function(){
            $(".topnav_box6").css("display","block");
        }).on("mouseleave",function(){
            $(".topnav_box6").css("display","none");
        })

        $(".topnav_box7,.bn7").on("mouseenter",function(){
            $(".topnav_box7").css("display","block");
        }).on("mouseleave",function(){
            $(".topnav_box7").css("display","none");
        })

        $(".topnav_box8,.bn8").on("mouseenter",function(){
            $(".topnav_box8").css("display","block");
        }).on("mouseleave",function(){
            $(".topnav_box8").css("display","none");
        })
    })

})()